<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>添加电影信息</title>
    <script src="js/jquery-3.6.0.js"></script>
</head>
<body>
<h1 align="center">添加电影信息</h1>
<form action="MovieAddServlet" method="post">
    <table border="1px" cellpadding="0" align="center">
        <tr>
            <td>电影名称:</td>
            <td><input type="text" name="movieName" onblur="movie()" id="movieName"><span id="name"></span></td>
        </tr>
        <tr>
            <td>电影类型:</td>
            <td><input type="text" name="movieType" id="movieType"><span id="type"></span> </td>
        </tr>
        <tr>
            <td>电影价格:</td>
            <td><input type="text" name="price" id="price"><span id="moviePrice"></span> </td>
        </tr>
        <tr>
            <td>是否推荐:</td>
            <td><input type="radio" name="recommend" value="1">推荐
                <input type="radio" name="recommend" value="0">不推荐
            </td>
        </tr>
        <tr>
            <td>上映时间:</td>
            <td><input type="text" name="startTime" id="startTime"><span>格式:yyyy-MM-dd<span id="sySj"></span> </span></td>
        </tr>
        <tr>
            <td>下映时间:</td>
            <td><input type="text" name="endTime" id="endTime"><span>格式:yyyy-MM-dd<span id="xySj"></span></span></td>
        </tr>
        <tr>
            <td>投票数</td>
            <td><input type="text" name="votes" id="votes"><span id="vote"></span></td>
        </tr>
        <tr>
            <td>操作:</td>
            <td><input type="submit" value="添加">
                <input type="button" onclick="location.href='MovieLimitServlet'" value="返回">
            </td>
        </tr>
    </table>
</form>
<script>
    function movie() {
        $.get("MovieSelectMovieNameServlet",{movieName:$("#movieName").val()},function (data){
            if (data){
                $("#name").html('电影名称已存在')
                return false;
            }else {
                $("#name").html('')
            }
        },"json")
    }
    $(function (){
        $("form").submit(function (){
            if ($("#movieName").val().trim()==""){
                $("#name").html('电影名称不能为空')
                return false;
            }
            if ($("#movieType").val().trim()==""){
                $("#type").html('电影类型不能为空')
                return false;
            }
            if ($("#price").val().trim()==""){
                $("#moviePrice").html('电影价格不能为空')
                return false;
            }
            let reDate = /^\d{4}-\d{1,2}-\d{1,2}$/;
            let startTime = $("#startTime").val().trim();
            if (!reDate.test(startTime)){
                $("#sySj").html('时间格式不合法')
                return false;
            }
            let reDate1 = /^\d{4}-\d{1,2}-\d{1,2}$/;
            let endTime = $("#endTime").val().trim();
            if (!reDate1.test(endTime)){
                $("#xySj").html('时间格式不合法')
                return false;
            }
            if ($("#votes").val().trim()==""){
                $("#vote").html('投票数不能为空')
                return false;
            }
        })
    })
</script>
</body>
</html>
